<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <circle cx="12" cy="12" r="{{radius}}" stroke="#E7EAEC" stroke-width="2" fill="none"></circle>
  <path
    d="M 12,12 m 0,-{{radius}} a {{radius}},{{radius}} 0 1 1 0,{{2radius}} a {{radius}},{{radius}} 0 1 1 0,-{{2radius}}"
    fill-opacity="0"
    stroke-dasharray="{{strokeDasharray}}, {{strokeDasharray}}"
    stroke-dashoffset="{{strokeDashoffset}}"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="2"
    stroke="#28DB67">
  </path>
</svg>
